<template>
    <div class="Newadd-Contairn">
        <!-- 头部 -->
       <header>
            <van-nav-bar
                title="新建地址"
                z-index="10"
                left-arrow
                @click-left="onClickLeft"
            />
            <span class="Newadd-headerspan">保存</span>
           
        </header>
        <!-- 单元格 -->
         <van-cell-group>
                <van-cell title="收货人" to="" class="Newadd-cell" />
                <van-cell title="手机号码" to="" class="Newadd-cell" />
                <van-cell title="所在地区" is-link  @click="show = true" class="Newadd-cell" />
                <van-cell title="详细地址" to="" class="Newadd-cellLater Newadd-cell"/>
        </van-cell-group>
        <!-- 单元格里的输入框 -->
        <input type="text" class="Newadd-one Newadd-input">
        <input type="text" class="Newadd-two Newadd-input">
        <input type="text" class="Newadd-four Newadd-input">

        <!-- 单元格下边框 -->
        <div class="Newadd-borderone Newadd-border"></div>
        <div class="Newadd-bordertwo Newadd-border"></div>
        <div class="Newadd-borderthere Newadd-border"></div>
        <div class="Newadd-borderfour Newadd-border"></div>
       <!-- 设为默认地址 -->
        <van-checkbox 
            v-model="checked" 
            checked-color="#CA013D" 
            icon-size="20px" 
            class="Newadd-checkbox"
            >
            </van-checkbox>
        <p class="Newadd-p">设为默认地址</p>
        <!-- 挡住footer -->
         <div class="Newadd-danzhu"></div>   
         <!-- 遮罩层 -->
         <van-overlay :show="show" @click="show = false" z-index="800">
            <div class="wrapper Newadd-zhezhaoWrapper" @click.stop>
                <van-area
                    :area-list="areaList"
                    :columns-placeholder="['请选择', '请选择', '请选择']"
                />
            </div>
        </van-overlay>
        <!-- 键盘 -->
    </div>    
</template>
<script>
import '../../../assets/style/style.css'
import areaData from '../../../utils/areaData.js'
import { Toast } from 'vant';
export default {
    data(){
        return{
            show: false,
            checked: true,
            areaList:areaData,
            searchResult: [],                
        }
    },
    
   methods: {
         onClickLeft() {
            this.$router.go(-1)
        },
        onInput(value) {
      Toast(value);
    },
       
    },
   
}
</script>
<style lang="">

</style>
 